<template lang="pug">
  div.header
    div.item
      span 后退
    div.title {{title}}
    div.item
      span 关闭
</template>
<script type="text/ecmascript-6">
  export default {
    props: {
      title: {
        type: String,
        default: ''
      }
    }
  }
</script>
<style scoped lang="stylus" type="text/stylus">
  @import "../assets/stylus/border.styl"

  .header
    position relative
    display flex
    height 48px
    line-height 48px
    background-color #eeeeee
    padding 0 12px
    &:after
      setBottomLine(#000000)
    .item
      flex 1
      font-size 12px
      &:first-child
        text-align left
      &:last-child
        text-align right
    .title
      font-size 14px
      color #333333

</style>
